#Main .content{
	background-color: #fa4241;
}


.mod-box{
	margin:0 12px;
}
.mod-box .top{
	height: 6px;
	background-color: #ba0e12;
	border-radius: 12px;
	overflow: hidden;
	border-top:4px solid #e0322f;
	border-bottom:4px solid #e0322f;
	border-left:6px solid #e0322f;
	border-right:6px solid #e0322f;
	
}
.mod-box .wrapper{
	margin: -7px 12px 0;
	background:url(../image/common-bg.jpg) left top repeat #fff;
	border-radius: 0 0 8px 8px;
	padding: 0 8px 8px 8px;
	box-shadow: 0 2px 5px rgba(0,0,0,.3);
}
.mod-box .wrapper .box{
	border: 1px dashed #c59282;
	border-radius: 0 0 4px 4px;
	border-top: none;
	min-height: 100px;
	overflow: hidden;
}

.bt-1{font-size: 18px;font-weight: bold;text-align: center;margin: 20px 0;color: #ec5a5e;background: url(../image/bt-1.png) center no-repeat;background-size: 200px auto;}
.intro-1{margin: 15px 16px;color: #876766;line-height: 1.5;}

.btn-box-2{text-align: center;font-size: 0;margin: 26px 12px;}
.btn-box-2 a{display: inline-block;width: 46%;margin: 0 2%;height: 44px;box-sizing: border-box;border-radius: 24px;line-height: 44px;font-size: 16px;}

.btn{background:url(../image/line-bg.jpg) center repeat;background-size:2px 100%;color: #fff;border: 2px solid #ffd5ca;}


.bt-2{font-size: 18px;font-weight: bold;text-align: center;margin: 20px 0;color: #ec5a5e;}
.bt-2 span{position: relative;}
.bt-2 span b{position: relative;z-index: 3;padding: 0 22px;background: url(../image/bt-2-l.png) left center no-repeat,url(../image/bt-2-r.png) right center no-repeat;background-size: 20px auto,12px auto;}
.bt-2 span:after{content: '';width: 100%;height:8px;background-color: #fcdddd;position: absolute;left: 0;bottom: -1px;border-radius: 4px;}


.activeMod{margin: 20px 24px;background-color: #fff7f7;border: 2px solid #ff5230;border-radius: 4px;position: relative;}
.activeMod .act-1{width:calc(100% + 4px);height: calc(100% - 28px);position: absolute;left: -2px; top: 14px;background-color: #fff7f7;}
.activeMod .act-2{width:calc(100% - 28px);height: calc(100% + 4px);position: absolute;left: 14px; top: -2px;background-color: #fff7f7;}
.activeMod .act-box{height: 88px;margin:20px 28px;overflow: hidden;position: relative;z-index: 3;}


#friendMod{line-height: 22px;height: 88px;font-size: 14px;}
#friendMod .import,.friendMod .import{color: #e65f63;}

.friendMod{line-height: 36px;margin: 15px;color: #8a6162;}

.inviteBtn{width: 160px;line-height: 36px;border-radius: 20px;margin: auto;display: block;font-size: 14px;text-align: center;}


.goodMod{overflow: hidden;padding: 0 12px;}
.goodMod .list{
	width: calc((100% - 20px) / 3);
	overflow: hidden;
}
.goodMod .list:nth-child(2){
	margin: 0 10px;
}
.goodMod .list .photo{
	width:100%;
	overflow: hidden;
	background-color: #f4f4f4;
	position: relative;
	border-radius: 3px;
}
.goodMod .list .photo .name{line-height: 24px;background-color: rgba(0,0,0,.6);color: #fff;text-align: center;width: 100%;position: absolute;bottom: 0;left: 0;}
.goodMod .list .buy{width: 80%;min-width: 60px;line-height: 26px;text-align: center;border-radius: 16px;margin:16px auto;}
.goodMod .list .buy.disabled{background-image: url(../image/disabled-bg.jpg);border-color: #fff;}


.intro-bt{margin-left: 12px;border-left: 4px solid #523729;color: #523729;font-weight: bold;line-height: 1;padding-left: 10px;margin-bottom: 15px;}


.intro-2{margin: 15px 12px;color: #876766;line-height: 1.4;}


.activityDtl{padding: 20px 12px 24px;}
.activityDtl .bt{font-size: 16px;color: #fff;text-align: center;line-height: 18px;height: 18px;background-color: #fa4241;position: relative;z-index: 5;width: 90px;margin: auto;}
.activityDtl .box{border: 1px solid #f2a9a6;padding: 20px 12px;color: #fff;border-radius: 8px;font-size: 14px;line-height: 1.8;margin-top: -9px;}


.zbMaskMod{
	width:80%;
	max-height: 80%;
	position: absolute;
	top: 50%;
	left: 10%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background-color: #fff;
	z-index: 20;
	border-radius: 8px;
}
.zbMaskMod .close-btn{width: 24px;height: 24px;background: url(../image/close-btn.png) center no-repeat;background-size: 100% auto;display: block;position: absolute;top:-34px;right:0;z-index: 30;}
.zbMaskMod .zb-btn{width: 50%;margin:20px auto;text-align: center;line-height: 36px;display: block;border-radius: 20px;font-size: 14px;}
.zbMaskMod .myForm{
	width: 80%;
	margin: auto;
}

.zbMaskMod .myForm .nor{height: 38px;padding:0 15px;background-color: #fff7f7;border-radius: 3px;line-height: 1.2;font-size: 14px;color: #c9beac;display: block;width: 100%;box-sizing: border-box;margin-bottom: 10px;}


.zbMaskMod .myForm .nor::-webkit-input-placeholder,.zbMaskMod .myForm .code-mod input::-webkit-input-placeholder{
	color: #c9beac;
}
.zbMaskMod .myForm .code-mod input{overflow: hidden;height: 38px;padding:0 15px;background-color: #fff7f7;border-radius: 3px 0 0 3px;line-height: 1.2;font-size: 14px;color: #c9beac;display: block;width: 100%;box-sizing: border-box;}
.zbMaskMod .myForm .code-mod .code-btn{overflow: hidden;height: 38px;padding:0 15px;background-color: #fff7f7;border-radius: 0 3px 3px 0;line-height: 1.2;font-size: 14px;display: block;color: #ff4c58;}



.zbMaskMod .t1{color: #b29f92;margin-top: -10px;}
.zbMaskMod .intro-3{margin: 0 15px;color: #876766;line-height: 1.5;margin-top: 10px;}

.zbMaskMod .t2{color: #b29f92;}

.giftMod{margin-bottom: 10px;}
.giftMod .photo{width: 50px;height: 50px;background-color: #f4f4f4;overflow: hidden;margin-right: 10px;}
.giftMod .name{font-size: 16px;color: #573b2d;}



.friendBox{margin: 0 15px 30px;max-height: 200px;overflow: auto;}
.friendBox .list{padding: 5px 12%;overflow: hidden;font-size: 14px;}
.friendBox .list .photo{width: 30px;height: 30px;border-radius: 50%;background-color: #f4f4f4;overflow: hidden;margin-right: 10px;}
.friendBox .list .name{color: #5a3728;}
.friendBox .list .type-1{color: #886767;}
.friendBox .list .type-2{color: #ff4b58;}

.nof-icon{width: 70px;height: 70px;margin:15px auto 10px;}
.nof-txt{color: #886767;}


.top-banner .info {position: relative;}
.top-banner .info .total{position: absolute;top: 0;left: 50%;transform: translateX(-50%);line-height: 28px;background-color: #e40f8c;border-radius: 16px;border: 2px solid #ffc700;display: block;white-space: nowrap;color: #fff;font-size: 12px;padding: 0 16px;box-shadow: 0 6px 20px rgba(0,0,0,.6);}
